/* 颜色变量
-------------------------- */

$color-primary: #5E8EFE;
$color-main-background: #FFFFFF;
$color-page-background: #F9F9F9;
$color-text:#656565;
$color-text-primary: #282828;
$color-text-regular: #959595;
$color-success: #67c23a;
$color-warning: #e6a23c;
$color-danger: #FF5959;
/* 边框变量
-------------------------- */

$border-color-base: #EBEBEB;
$border-color-inputTest: #E6E6E6;
/* 阴影变量
-------------------------- */

$box-shadow-base: 0 0.1rem 0.5rem rgba(0, 0, 0, .12),
0 0 0.6rem rgba(0, 0, 0, .04);
$box-shadow-dark: 0 0.1rem 0.5rem rgba(0, 0, 0, .12),
0 0 0.6rem rgba(0, 0, 0, .12);
$box-shadow-light: 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.1);
$box-shadow-base-1: 0 -0.1rem 0.5rem rgba(0, 0, 0, .12),
0 0 0.6rem rgba(0, 0, 0, .04);
$box-shadow-dark-1: 0 -0.1rem 0.5rem rgba(0, 0, 0, .12),
0 0 0.6rem rgba(0, 0, 0, .12);
$box-shadow-light-1: 0 -0.1rem 0.5rem 0 rgba(0, 0, 0, 0.1);
/* 字体变量
-------------------------- */

$fz-1: 0.40rem;
$fz-2: 0.36rem;
$fz-3: 0.32rem;
$fz-4: 0.28rem;
$fz-5: 0.26rem;
$fz-6: 0.24rem;
$fz-7: 0.20rem;
/* 动画变量
-------------------------- */

$fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
$fade-linear-transition: opacity 200ms linear;
$md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1),
opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
/* 图标变量
-------------------------- */

$icon: app-icon-;
/* layout
-------------------------- */

$header-height: 4.4rem;
$footer-height: 4.8rem;
$tabs-height: 3.8rem;
$wrap: 94%;

// 公共组件部分
$title_bar_height: -.9rem;
